﻿#header {
	font-family: "Times New Roman", Times, serif;
	padding: 30px 0;
	color: #FFFFFF;
	background-color: #059BD8;
	text-align:center;
}

#header h1 {
	padding: 0;
	font-size: 36px;
	margin-top: 4px;
	position: relative;
}
#menu {
	margin: 0px;
	display: block;
	text-align: left;
	background-color: #000000;
	color: #FFFFFF;
	font-weight: bold;
	width: 100%;
}
#topnav {
	display: block;
	float: left;
	color: #FFFFFF;
	background-color: #000000;
	clear: both;
	width: 100%;
}
#search {
	border-style: solid;
	border-width: thin;
}
#topnav li {
	float: left;
	margin: 0px;
	padding: 20px 0px;
}
#topnav ul {
	list-style-type: none;
	width: auto;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#topnav a {
	margin: 0px;
	padding: 20px 20px;
	color: #FFFFFF;
	text-decoration: none;
}
#topnav a:hover {
	margin: 0px;
	padding: 20px 20px;
	background-color: #80C53B;
	color: #FFFFFF;
}
.container {
	width: 80%;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
}
#left {
	float: left;
	width: 20%;
	position: relative;
}
#center {
	display: block;
	float: left;
	width: 79%;
	height: 536px;
	position: relative;
	margin-top: 10px;
	margin-left: 5px;
    top: 0px;
    left: 0px;
}
#footer {
	display: block;
	float: left;
	clear: both;
	background-color: #059BD8;
	color: #FFFFFF;
	height: 50px;
	width: 100%;
	margin-top: 10px;
    text-align: center;
}
#information h2 {
	color: #FFFFFF;
	background-color: #059BD8;
	text-align: center;
	font-size: medium;
	border-width: thin;
	border-color: #000000;
	border-bottom-style: solid;
	margin-top: 0px;
}
#information {
	border-style: solid;
	border-width: thin;
	margin-top: 10px;
}
#information ul {
	list-style-type: none;
	width: auto;
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-weight:bold;
}
#information li {
	float:inherit;
	margin: 0px;
}
#information a {
	margin: 0px;
	color: #000000;
	text-decoration: none;
	display:block;
}
#information a:hover {
	margin: 0px;
	background-color: #80C53B;
	color: #FFFFFF;
	display:block;
}
#avatar {
	border-style: solid;
	border-width: thin;
	text-align: center;
	margin-top: 10px;
}
#avatar h2 {
	color: #FFFFFF;
	background-color: #059BD8;
	text-align: center;
	font-size: medium;
	border-width: thin;
	border-color: #000000;
	border-bottom-style: solid;
	margin-top: 0px;
}
#friends {
	border-style: solid;
	border-width: thin;
	margin-top: 10px;
}
#friends h2 {
	color: #FFFFFF;
	background-color: #059BD8;
	text-align: center;
	font-size: medium;
	border-width: thin;
	border-color: #000000;
	border-bottom-style: solid;
	margin-top: 0px;
}
#imgAvatar {
	border-style: solid;
	border-width: 2px;
}
#page_content {
	position: relative;
	width: 100%;
	height:1500;
}
#right {
	position: relative;
	width: 18%;
	float: right;
	margin-top: 10px;
	margin-left: 5px;
}
#event h2 {
	color: #FFFFFF;
	background-color: #059BD8;
	text-align: center;
	font-size: medium;
	border-width: thin;
	border-color: #000000;
	border-bottom-style: solid;
	margin-top: 0px;
}
#event {
	border-style: solid;
	border-width: thin;
	margin-top: 10px;
}
#makefriend {
	border-style: solid;
	border-width: thin;
	margin-top: 10px;
}
#makefriend h2 {
	color: #FFFFFF;
	background-color: #059BD8;
	text-align: center;
	font-size: medium;
	border-width: thin;
	border-color: #000000;
	border-bottom-style: solid;
	margin-top: 0px;
}
#search h2 {
	color: #FFFFFF;
	background-color: #059BD8;
	text-align: center;
	font-size: medium;
	border-width: thin;
	border-color: #000000;
	border-bottom-style: solid;
	margin-top: 0px;
}
